<template>
  <div class="div-1" >
    <div style="margin-right: auto;" @click="router.back()">
      <el-icon>
        <ArrowLeftBold/>
      </el-icon>
    </div>
    <div style="padding-right: 1em;">
       <slot>

       </slot>

    </div>
  </div>
</template>
<script setup>
import {useRouter} from "vue-router";
import {ArrowLeftBold} from '@element-plus/icons-vue'

const router = useRouter()
</script>

<style scoped>
.div-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1em;
  margin-left: 0.4em;
}
</style>